<template>  
    <div class="mr-root">
       <phead>
            <span class="s"> 第{{$route.params.name}}话</span>
       </phead>
       <div class="img" v-for="si in delist">
           <img :src=si.images alt="">
       </div>
       <loding v-if="showload"></loding>
       <back-top></back-top>
    </div>
</template>
<script>
    import Phead from '../components/Detail'
    import Loding from '../components/Loding'
    import BackTop from '../components/BackTop'
    export default{
        components:{
            Phead,Loding,BackTop
        },
        data(){
         return{
            showload:true,
            delist:[]
         }
        },
        created(){
        this.one()
    
    } ,
    methods:{
        one(){
            this.axios.get(`https://api.maimengjun.com/index.php?r=cartoonChapter/albumListByOrder&cartoonId=${this.$route.params.id}&priority=${this.$route.params.name}&isSize=1`)
            .then(data=>{
               this.delist=data.data.results
                  setTimeout(() => {
                        this.showload = false
                    }, 2000)
            })
            .catch(err=>{
                console.log(err)
            })
        }
    }  
    }
</script>
<style scoped>
    .s {
        display: inline-block;
        position: relative;
        left: 3rem;
        top: 0.2rem;
        font-size: 0.4rem;
        color: white;
        font-weight: bolder;
    }
    .img{
        margin-top: 1.2rem;
    }
    .img>img{
        width:98%;
    }
</style>